{% extends 'base.html' %}

{% block title %} 所有文章列表 {% endblock %}

{% block content %}
<div id="content">
    <h1>以下是所有文章列表</h1>
    {% for article in articles %}
        <p>
                    {# 根据文章找具体的用户的作者 #}                       
            <h3>title: {{ article.title }} | 
                作者:{{ article.user.username }} |
                 创建时间:{{ article.pddatetime }}</h3> 
        </p>
        <p>
            {{ article.content}}
        </p>

        <p>
            <h4>所有评论:</h4>
            <div>
                <h5>用户:</h5>
            </div>
        </p>

        <hr>
    {% endfor %}
</div>

{% endblock %}

{% block head %}
    <style>
        #content{
            border: 1px solid brown;
            margin-bottom: 10px;
            padding: 5px;
        }
    </style>
{% endblock %}